<%--
  Created by IntelliJ IDEA.
  User: ZhengHQ
  Date: 2018-10-21
  Time: 20:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>注册</title>

    <!-- Icons -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/simple-line-icons.css">

    <!-- Main styles for this application -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
    <style>
        .error{
            color:red;
        }
    </style>
</head>

<body class="app flex-row align-items-center">
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card mx-2">
                <div class="card-block p-2">
                    <form action="user!register.action" method="post" role="form"
                          class="form-horizontal" id="add-modal-form">
                    <h1>注册</h1>
                    <p class="text-muted">创建您的账号</p>
                    <p class="text-danger">${codeMsg}</p>
                    <div class="input-group mb-1">
                            <span class="input-group-addon"><i class="icon-user"></i>
                            </span>
                        <input type="text" class="form-control" id="name" name="name" placeholder="用户名">
                        <br/>
                    </div>

                    <div class="input-group mb-1">
                            <span class="input-group-addon"><i class="icon-lock"></i>
                            </span>
                        <input type="password" class="form-control" id="pwd" name="pwd" placeholder="密码">
                    </div>

                    <div class="input-group mb-2">
                            <span class="input-group-addon"><i class="icon-lock"></i>
                            </span>
                        <input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="确认密码">
                    </div>
                    <div class="input-group mb-1">
                        <span class="input-group-addon"><i class="icon-phone"></i></span>
                        <input type="number" class="form-control" id="phone" name="phone" placeholder="手机号码">
                    </div>
                    <div class="input-group mb-1">
                        <span class="input-group-addon"><i class="icon-direction"></i></span>
                        <input type="text" class="form-control" id="address" name="address" placeholder="地址">
                    </div>
                    <div class="input-group mb-1">
                        <span class="input-group-addon"><i class="icon-share-alt"></i></span>
                        <input type="text" class="form-control" id="code" name="code" placeholder="验证码">
                    </div>
                    <button type="submit" class="btn btn-block btn-success">注册</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Bootstrap and necessary plugins -->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/localization/messages_zh.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/tether.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/validate.js"></script>
</body>

</html>